<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../layui/css/layui.css" media="all">
    <link rel="shortcut icon" href="../img/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../css/login.css" media="all">
    <title>登陆</title>

</head>
<body class="layui-bg-gray">
<div class="layui-container layadmin-user-login" id="LAY-user-login">
    <div class="layadmin-user-login-main">
        <div class="layadmin-user-login-box layadmin-user-login-header">
            <h2>校园二手坊</h2>
        </div>
        <div class="layadmin-user-login-box layadmin-user-login-body layui-form" id="loginForm">
            <div class="layui-form-item">
                <label class="layadmin-user-login-icon layui-icon" for="LAY-user-login-username">&#xe770;</label>
                <input type="text" name="nickname" id="LAY-user-login-username" lay-verType="tips" lay-verify="required" placeholder="用户名" class="layui-input">
            </div>
            <div class="layui-form-item">
                <label class="layadmin-user-login-icon layui-icon" for="LAY-user-login-password">&#xe688;</label>
                <input type="password" name="password" id="LAY-user-login-password" lay-verType="tips" lay-verify="required" placeholder="密码" class="layui-input">
            </div>
            <!--<div class="layui-form-item">-->
                <!--<div class="layui-row">-->
                    <!--<div class="layui-col-xs7">-->
                        <!--<label class="layadmin-user-login-icon layui-icon" for="LAY-user-login-vercode">&#xe672;</label>-->
                        <!--<input type="text" name="vercode" id="LAY-user-login-vercode" lay-verType="tips" lay-verify="required" placeholder="图形验证码" class="layui-input">-->
                    <!--</div>-->
                    <!--<div class="layui-col-xs5">-->
                        <!--<div style="margin-left: 10px;">-->
                            <!--<img src="" class="layadmin-user-login-codeimg" id="LAY-user-get-vercode">-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
            <div class="layui-form-item" style="margin-bottom: 20px;">
                <input type="checkbox" name="remember" lay-skin="primary" title="记住密码" />
                <a href="javascript:;" class="layadmin-user-jump-change layadmin-link" style="margin-top: 7px;">忘记密码？</a>
            </div>
            <div class="layui-form-item">
                <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="login">登 录</button>
            </div>
            <div class="layui-trans layui-form-item layadmin-user-login-other">
                <label>社交账号登录</label>
                <a href="javascript:;"><img src="../img/icon_qq.png" width="30px"/></a>
                <a href="javascript:;"><img src="../img/icon_weixin.png" width="30px"/></a>
                <a href="javascript:;"><img src="../img/icon_weibo.png" width="30px"/></a>
                <a href="javascript:void(0);" id="registerLink" class="layadmin-user-jump-change layadmin-link">注册帐号</a>
            </div>
        </div>
    </div>

    <div class="layui-trans layadmin-user-login-footer">
        <p>Copyright © 2018 </p>
        <p><a href="javascript:;">YNZH</a> All Rights Reserved.</p>
    </div>
</div>

<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="../layui/layui.js" charset="utf-8"></script>
<script src="../js/login.js" charset="utf-8"></script>
<script src="../js/register.js" charset="utf-8"></script>

<!--注册表单弹窗中 下拉选择 学校 框 模板-->
<script type="text/html" id="selectSchoolTpl">
    <option value="">-请选择学校-</option>
    {{# layui.each(d.list,function(index,item){  }}
    <option value="{{ item.name }}">{{ item.name }}</option>
    {{# });  }}
</script>

<!--注册表单弹窗中 下拉选择 校区 框 模板-->
<script type="text/html" id="selectSubCampusTpl">
    <option value="">-请选择校区-</option>
    {{# layui.each(d.list,function(index,item){  }}
    <option value="{{ item.scName }}">{{ item.scName }}</option>
    {{# });  }}
</script>

<!--注册表单 弹窗-->
<script type="text/html" id="register_form">
    <form class="layui-form" action="#" method="post">

        <div class="layui-form-item" >
            <label class="layui-form-label">注册</label>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">昵称</label>
            <div class="layui-input-inline">
                <input type="text" name="nickname" required lay-verify="required" placeholder="请输入昵称"
                       autocomplete="off" class="layui-input">
            </div>

        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">性别</label>
            <div class="layui-input-block">
                <input type="radio" name="gender" value="MALE" title="男">
                <input type="radio" name="gender" value="FEMALE" title="女" checked>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">密码</label>
            <div class="layui-input-inline">
                <input type="password" name="password" required lay-verify="required" placeholder="请输入密码"
                       autocomplete="off" class="layui-input">
            </div>

        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">邮箱</label>
            <div class="layui-input-inline">
                <input type="text" name="email" required lay-verify="required|email" placeholder="请输入邮箱"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">手机</label>
            <div class="layui-input-inline">
                <input type="text" name="phone" required lay-verify="required|phone" placeholder="请输入手机号"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">学校</label>
            <div  class="layui-input-inline">
                <select id="selSchool" name="school" lay-filter="school-filter" lay-verify="required">
                </select>
            </div>

        </div>

        <div class="layui-form-item" id="subCampus">
            <label class="layui-form-label">校区</label>
            <div  class="layui-input-inline">
                <select id="selSubCampus" name="campus" lay-filter="subCampus-filter" lay-verify="required">
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">学号</label>
            <div class="layui-input-inline">
                <input type="text" name="number" required lay-verify="required" placeholder="请输入学号" autocomplete="off" class="layui-input">
            </div>
        </div>
        <input type="hidden" name="timeCreate">

        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="register">立即注册</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
</script>
</body>
</html>